<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="utf-8">
  <title>方棋</title>
  <style>
    body{
      /* background-color:red; */
    }
    canvas{
      /* background-color:white; */
    }
    #Test{
      display:none;
      /* display: flex;
      flex-direction:column-reverse; */
    }
    #Test textarea{
      width:20em;
    }
  </style>
</head>

<body>
  <canvas id="C" width="800" height="600"></canvas>
  <div style="">
    <textarea id="T" rows="20"></textarea>
    <button id="RePlay">复现棋谱</button>
  </div>
  
  <script src="main.js"></script>

  <div id="Test" >
    <h2>测试用例</h2>

    <textarea> 3,2 2 </textarea>
    <div>sget(3,2)==2</div>

    <textarea> 
      2,2 1
2,3 1
3,3 1
3,2 1
    </textarea>
    <div>isZhiFang(3,2)===1</div>
    <textarea> 
      2,2 1
      1,3 1
      3,3 1
      2,4 1
    </textarea>
    <div>isXieFang(2,4)===1</div>
    <textarea> 
      0,2 2
      1,2 2
      2,2 2
      3,2 2
      4,2 2
      5,2 2
    </textarea>
    <div>isLong(5,2)===2</div>

  </div>
  <!-- <script src="test.js"></script> -->
</body>

</html>